@charset "utf-8";
/* CSS Document */

 /*      toubu                    */
    *{
		padding:0px;
		margin:0px;}
	body{
		background-color:#FFC;}
	.head{
		width:100%;
		height:200px;
		position:relative;}
	.head img{
		width:300px;
		height:200px;}
	.head h3{
		position:absolute;
		top:20px;
		right:300px;}
	.head1{
		width:120px;
		height:50px;
		right:30px;
		bottom:5px;
		position:absolute;
		
		background-color:#C69;}
	.head1 img{
		height:50px;
		width:140px;}
		/*        daohang               */
	.menu{
	  width:1520px;
	  height:50px;
	  border:1px black solid;
	  margin:0 auto;
	  background-color:#C00;}
   li{
	  list-style-type:none;
	   width:217px;
	   float:left;} 
   .menu li a{
	  display: block;
	  height:50px;
	  text-align:center;
	  line-height:50px;
	  color:#FFF;
	  text-decoration:none;
	  font-weight:bold;
	  font-size:20px;} 
    .menu>li:hover>a{
	   background-color:#CC6;
	   color:red;}
	/*           neirong                   */
	.content{
		width:1300px;
		height:1265px;
		margin:auto;
		margin-top:10px;
		background-color:#36F;}
	.left{
		width:980px;
		height:1250px;
		margin:10px 10px 10px 0px;
		float:left;
		border:#000 solid;}
	.right{
		width:290px;
		height:930px;
		margin:10px 0px 10px 0px;
		float:left;
		background-color:#F30;}
		/*        left             */
	 h2 span{
		display:inline-block;
		background-color:#C00;
		width:120px;
		height:40px;
		text-align:center;
		color:#000;}
	 h2{
		color:#666;}
	.img1{
		margin-left:20px;
		border-radius:90px 90px 90px 90px;}
	.left .l1{
		width:100%;
		height:250px;
		position:relative;
		background-color:#C99;}
	.left .l2{
		width:100%;
		height:250px;
		position:relative;
		background-color:#C99;}
	.left .l3{
		width:100%;
		height:250px;
		position:relative;
		background-color:#C99;}
	.left .l4{
		width:100%;
		height:250px;
		position:relative;
		background-color:#C99;}
	.left .l5{
		width:100%;
		height:250px;
		position:relative;
		background-color:#C99;}
	.left img{
		margin:5px;
		width:150px;
		height:190px;}
	.left img:hover{
		width:165px;
		height:205px;
		transition:all 2s;}
	.m1{
		position:absolute;
		top:5px;
		left:170px;}
	.m2{
		position:absolute;
		right:20px;
		bottom:0px;}
	.m2 h3 span{
		display:inline-block;
		background-color:#F00;
		color:#FFF;
		width:100px;
		line-height:40px;
		height:40px;
		text-align:center;
		cursor:pointer;}
	.m2 h3{
		color:#999;}
	.m1 p{
		line-height:30px;}
	.m3{
		position:absolute;
		right:20px;
		bottom:70px;}
	/*          you              */
    .r1{
		width:270px;
		height:165px;
		background-color:#9FF;
		margin:10px auto;}
	.r2{
		width:270px;
		height:165px;
		background-color:#9FF;
		margin:10px auto;}
	.r3{
		width:270px;
		height:165px;
		background-color:#9FF;
		margin:10px auto;}
	.r4{
		width:270px;
		height:165px;
		background-color:#9FF;
		margin:10px auto;}
	.r5{
		width:270px;
		height:165px;
		background-color:#9FF;
		margin:10px auto;}
	.right img{
		width:120px;
		float:left;}
		/*        foot                 */
	.foot{
		width:100%;
		height:280px;}
	.foot .foot1{
		width:100%;
		height:50px;
		background-color:#39F;}
	.foot .foot1 img{
		width:100%;
		height:50px;}
	.foot .foot1 p img{
		width:50px;
		height:50px;}